<template>
    <div class="approvalSingleUser" v-if="item.status==1">
        <div class="imgWrap">
            <img v-if="$i18n.locale ==='zh_CN'" src="../../../../assets/images/workorder/approved.png"
                 alt="">
            <img v-if="$i18n.locale ==='en_US'"
                 src="../../../../assets/images/workorder/approved_en.png"
                 alt="">
        </div>
        <p class="name">{{ item.createBy }}</p>
<!--        <p class="time">{{ // item.createTime }}</p>-->
    </div>
</template>

<script>

export default {
    name: "approvalUsers",
    props: ['list', 'progressCode'],
    data() {
        return {
            item: {}
        }
    },
    mounted() {
        const obj = this.list.find(item => item.progressCode === this.progressCode)
        if (obj)
            this.item = obj
    }
}
</script>
<style lang="scss" scoped>
.approvalSingleUser{
    display: inline-block;
    text-align: center;
    position: relative;
    p {
        color: #333333;
        display: block;

    }
    img {
        width: auto;
        height: 57px;
        position: absolute;
        top: -37px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;

    }
    .name {
        padding-top: 20px;
    }

    .time {
        position: static;
    }
}

</style>
